<gm:page title="My App" authenticate="false">
 <script type="text/javascript" src="http://www.google.com/jsapi"></script>
 <script>
   
google.setOnLoadCallback();
   var i=0;
   function ecrireNombre(){
     document.getElementById("myListTemplate1").getElementById("maCellule").innerHTML='Coucou';    
     i=i+1;
     }
   

  </script>   
  
 
  
  
  
 <div id="header" class="gm-app-header" >
    <h1>Location de maison</h1> 
 </div>
 

<table width="100%">
  <tr> 
   <td width="30%" align="left"> <gm:list id="MaListe" height="615px" template="myListTemplate1" data="http://pipes.yahoo.com/pipes/pipe.run?_id=13744d7d9c496736235fae2ed53232df&_render=rss"/> </td> 
   <td width="70%" align="left" > <gm:map id="MaCarte"  infotemplate="MonCarteTemplate"  align="center" latref="geo:lat" lngref="geo:lng" lat="47.15984" lng="2.988281" zoom="5" data="${MaListe}" height="615px" maptypes="true"  geolocationref="atom:author/atom:name">
  <!--La carte observe les selections effectuees dans MaListe et reagit en fonction--> 
  <gm:handleEvent src="MaListe" event="select" />
  </gm:map></td>
  </tr> 
  </table>    

  <gm:template id="myListTemplate1">
    <table class="blue-theme" style="width:100%" border="0.1px" >
        <tbody repeat="true">
          <tr style="background-color:#ddf8cc" > 
          <td id="maCellule" style="padding-bottom:10px"  >
            
          </td>
          <td style="padding-bottom:10px" > 
            <b>   
            <gm:link labelref="atom:title" style="font-color:black" ref="atom:link[@rel='alternate']/@href"/>  
            </b> 
          </td>
          </tr> 
          <tr>
          <td colspan="2" style="padding-bottom:10px" > 
            <br/>
            <gm:html ref="atom:summary"/> <gm:html ref="atom:content"/> <br/>

          </tr> 
        </tbody>
    </table>
  </gm:template>
 
   <gm:template id="MonCarteTemplate"> 
     <div> <i> <gm:text ref="atom:title"/> </i> </div> <br/> 
     <gm:image width="150px"  ref="atom:link[@rel='enclosure']/@href" />
  </gm:template> 

</gm:page>
  

